<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>账户安全</title>
		[#include "/common/include.ftl"/]
		<link type="text/css" rel="styleSheet" href="${base}/resource/css/member.css">
		<script type="text/javascript" src="${base}/resource/js/member.js"></script>
	</head>
	<body class="customer">
		[#include "/common/header.ftl"/]
		<div class="crumbs">
			<a href="${base}/member/index.jhtml">会员中心</a>
			<i style='font-family: simsun;font-style: normal;'>></i>
			<a>账户中心</a>
			<i style='font-family: simsun;font-style: normal;'>></i>
			<a>账户安全</a>
		</div>
		<!--绑定手机号码-->
		<div id="edit-cont" class="bind-phone">
			<div id="bind-phone" class="mc">
				<div class="form">
					<div class="item">
						<div class="label">
							<span>绑定的手机号码</span>
						</div>
						<div class="fl">
							<input type="text" class="text phone">
							<a class="hp-button captcha-btn">获取验证码</a>
						</div>
						<div class="clear"></div><span class="error-msg phone-error-msg"></span>
					</div>
					<div class="item">
						<div class="label">
							<span>验证码</span>
						</div>
						<div class="fl">
							<input type="text" class="text captcha">
							<span class="error-msg captcha-error-msg"></span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="member-main">
			[#assign menuNo = 'safe'/]
			[#include "/common/member-left.ftl"/]
			<div class="member-right">
				<div class="right-wrap">
					<h2 class="right-title">账户安全 </h2>
					<div id="member-safe" class="safe-list">
						<div class="safe-item">
							<div class="fore1">
								<s class="icon-01"></s><strong>登陆密码 </strong>
							</div>
							<div class="fore2">
								<span class="ftx-02">互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。</span>
							</div>
							<div class="fore3">
								<a href="${base}/member/password.jhtml">修改</a>
							</div>
						</div>
						<div class="safe-item">
							<div class="fore1">
								<s class="icon-0[#if member.email??]1[#else]2[/#if]"></s><strong>邮箱验证 </strong>
							</div>
							<div class="fore2">
								[#if !member.email??]
									您未绑定邮箱
								[#else]
									您绑定的邮箱：${member.safeEmail}
								[/#if]
							</div>
							<div class="fore3">
								<a href="${base}/member/validEmail.jhtml">修改</a>
							</div>
						</div>
						<div class="safe-item">
							<div class="fore1">
								<s class="icon-01"></s><strong>手机验证 </strong>
							</div>
							<div class="fore2">
								<span class="ftx-01">您验证的手机：${member.safeMobile}   若已丢失或停用，请立即更换，避免账户被盗</span>
							</div>
							<div class="fore3">
								<a href="${base}/member/mobile.jhtml">修改</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		[#include "common/footer-slidebar-lazyload.ftl"]
	</body>
</html>